<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Preview Slideshow</title>
    <link rel="stylesheet" href="css/css.css" type="text/css"/>
    <script type="text/javascript" src="js/js.js"></script>
</head>
<body>
<div class="slider">
    <div class="main" id="template_main">
        <div class="main-i" id="main_{{index}}">
            <div class="caption">
                <h2>{{h2}}</h2>
                <h3>{{h3}}</h3>
            </div>
            <img src="images/{{index}}.jpg" alt=""/>
        </div>
    </div>
    <div class="ctrl" id="template_ctrl">
        <a class="ctrl-i" id="ctrl_{{index}}" href="javascript:switchSlider({{index}});">
            <img src="images/{{index}}.jpg" alt=""/>
        </a>
    </div>
</div>
</body>
</html>